<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

<ui:composition template="/layouts/default.xhtml">
    <ui:define name="title">Cambiar el tema</ui:define>
    <ui:param name="menu" value="AdminMenu"/>

    <ui:define name="body">
        <div class="col-sm-10">
            <h2>Temas disponibles</h2>
    
		    <h:form id="themeSwitcherForm" styleClass="well">
		    	<div class="form-group">
			        <h:outputLabel styleClass="control-label" for="themeSwitcher" value="Tema" />   
			        <h:selectOneMenu id="themeSwitcher" value="#{themeSwitcher.theme}" styleClass="form-control" style="height: 38px">  
			            <f:selectItem itemLabel="Elige un tema" itemValue="" />  
			            <f:selectItems value="#{themeSwitcher.themes}" />  
			        </h:selectOneMenu>
			        <p:message for="themeSwitcher"/>
				</div>
				<h:commandButton styleClass="btn btn-default btn-sm" value="#{text['button.update']}"/>
		    </h:form>
    
		</div>
	</ui:define>
</ui:composition>
</html>